<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery弹出层特效代码</title>
<style>
#myHiddenDiv {display:none;}
.popup { border:1px solid #ccc; background-color:#fff; padding-bottom:10px; }
.popup a:hover{ text-decoration:none; color:#fff;}
.popup-header {padding-top:1px; height:30px; line-height:15px;background-color:#E7E7E7}
.popup-header h2 {font-size:14px; width:100%; text-align:center;}
.popup-body { width:100%; }
a.close{ display:block;color:#fff;text-decoration:none;font-size:12px;font-weight:700; background:url(images/b1-bg07.gif) no-repeat; width:156px; height:24px; line-height:24px; text-align:center; margin:0 auto; }
</style>
  <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.jmpopups-0.5.1.js"></script>
		<script type="text/javascript">
				$.setupJMPopups({
					screenLockerBackground: "#cccccc"
				});
				function openStaticPopup() {
					$.openPopupLayer({
						name: "myStaticPopup",
						width: 600,
						target: "myHiddenDiv"
					});
				}
		</script>
</head>
<body>
<a href="javascript:;" onclick="openStaticPopup()" >点击这里看看</a><br />
<br />
					<div id="myHiddenDiv">
						<div class="popup">
							<div class="popup-header">
								<h2>测试弹出层</h2>
							</div>
							<div class="popup-body">
								<br/>
								<br/>
								<br/>
								<br/>
								<br/>
								<br/>
								<br/>
								<br/>
								<br/>
								<br/>
								<br/>
							</div>
							<a href="javascript:;" class="close" onclick="$.closePopupLayer('myStaticPopup')" title="关闭窗口" >阅读完毕，关闭窗口</a>						</div>
					</div>

</body>
</html>
